<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/sx.css.css" />
    <link rel="stylesheet" href="../css/cart.css" />
    <script src="../api/axios.js"></script>
    <script src="../api/dataA.js"></script>
    <script src="../api/jquery.js"></script>
</head>

<body>
    <nav>
        <div class="contai">
            <ul>
                <li>
                    <span class="index" id="name">名字</span>
                    <span class="index">手机逛淘宝</span>
                    <span class="index">网页无障碍</span>
                </li>
                <li>
                    <span class="index">淘宝网首页</span>
                    <span class="index">我的淘宝</span>
                    <span class="index">购物车</span>
                    <span class="index">收藏夹</span>
                    <span class="index">商品分类&nbsp;免费开店</span>
                    <span>|</span>
                    <span class="index">千牛卖家中心</span>
                    <span class="index">联系客服</span>
                </li>
            </ul>
        </div>
    </nav>
    <header>
        <div class="contai">
            <img src="../img/logo4.png" alt="" />
            <p>
                <span>宝贝</span>
                <input type="text" />
                <i>搜索</i>
            </p>
        </div>
    </header>
    <main>
        <div class="box contai" id="bigBox">
            <div class="top">
                <h3>购物车（全新66）</h3>
                <p>
                    <span>已选商品（不含运费）</span>
                    <span id="allPriceel">0.00</span>
                    <span>结算</span>
                </p>
            </div>

            <div class="Nav">
                <ul>
                    <li>
                        <input type="checkbox" value="" id="checkAll" />
                        <span>全选</span>
                    </li>
                    <li>商品信息</li>
                </ul>
                <ul>
                    <li>单价</li>
                    <li>数量</li>
                    <li>金额</li>
                    <li>操作</li>
                </ul>
            </div>

            <div class="minbox">
                <div class="shoppingCartlist">
                    <div>
                        <p>超值换购活动</p>
                        <p>满88</p>
                    </div>
                    <ul id="oUl">

                    </ul>

                </div>

            </div>
            <footer class="contai">
                <div class="leftMenu">
                    <p>
                        <input type="checkbox" id="allck">
                        <i>全选</i>
                    </p>
                    <span>删除</span>
                    <span>移入收藏夹</span>
                </div>
                <div class="rightMenu">
                    <div>
                        <p>已选商品</p><span style="color:red ;" id="num">0</span>件</div>
                    <div>合计（不含运费）：<span style="color: red;" id="allprice">0.00</span></div>
                    <div>
                        <input type="button" class="catch" value="结算">
                    </div>
                </div>

            </footer>
        </div>

    </main>

</body>
<script src="../js/cart.js"></script>

</html>